<template>
  <div>
    <el-upload
      class="upload-demo"
      drag
      action="http://localhost:8080/ocr/upload/"
      multiple
      :on-success="handleAvatarSuccess"
    >
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
      <div class="el-upload__tip" slot="tip">
        只能上传jpg/png文件，且不超过500kb
      </div>
    </el-upload>
    <div>
      <div><h1>上传结果:</h1></div>
      <div>{{ text }}</div>
      <div><h1>题目结构（显示可能有bug）:</h1></div>
      <div>{{ firstPart }}</div>
      <div>A{{ secondPart}}</div>
      <div>B{{ thirdPart}}</div>
      <div>C{{ fourthPart}}</div>
      <div>D{{ fifthPart}}</div>
    </div>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具 js，第三方插件 js，json 文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
export default {
  data() {
    return {
      text: "",
      firstPart: "",
      secondPart: "",
      thirdPart: "",
      fourthPart: "",
      fifthPart: "",
    };
  },
  methods: {
    handleAvatarSuccess(res) {
      console.log(res.content);
      this.text = res.content;
      let text = res.content;
      this.firstPart = text.substring(0, text.indexOf("A")-1)
      this.secondPart=text.substring(text.indexOf("A")+1,text.indexOf("B")-1)
      this.thirdPart=text.substring(text.indexOf("B")+1,text.indexOf("C")-1)
      this.fourthPart=text.substring(text.indexOf("C")+1,text.indexOf("D")-1)
      this.fifthPart=text.substring(text.indexOf("D")+1,text.length)
      // if (text.indexOf("口") != -1) {
      //   //说明是多选题
      //   this.firstPart = text.substring(0, text.indexOf("口A"));
      //   this.secondPart = text.substring(
      //     text.indexOf("口A"),
      //     text.indexOf("口B")
      //   );
      //   this.thirdPart = text.substring(
      //     text.indexOf("口B"),
      //     text.indexOf("口C")
      //   );
      //   this.fourthPart = text.substring(
      //     text.indexOf("口C"),
      //     text.indexOf("口D")
      //   );
      //   this.fifthPart = text.substring(text.indexOf("口D"));
      // } else {
      //   //说明是单选题
      //   this.firstPart = text.substring(0, text.indexOf("OA"));
      //   this.secondPart = text.substring(
      //     text.indexOf("OA"),
      //     text.indexOf("OB")
      //   );
      //   this.thirdPart = text.substring(text.indexOf("OB"), text.indexOf("OC"));
      //   this.fourthPart = text.substring(
      //     text.indexOf("OC"),
      //     text.indexOf("OD")
      //   );
      //   this.fifthPart = text.substring(text.indexOf("OD"));
      // }
    },
  },
};
</script>
<style scoped>
</style>